博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html.day02
阅读量:5086 次
发布时间:2019-06-13

本文共 2113 字,大约阅读时间需要 7 分钟。

1.链接标签  a

  

  一般情况下:  来源  用 src     去往 用 href 

  背景音乐

  1.链接的分类 

    链接可以分很多类。有以下几个

    1.内部链接

      主要用于站点内部文件的相互链接。

       <a>链接</a>

    2.外部链接

      主要用于网络上的链接   格式要求 必须以 : http:// 开头

      例如: <a href=”http://www.baidu.com”>百度</a>

    3.锚点链接      

      同一个页面的锚点链接  :

      2步走:

          1. 先抛锚 :把光标定位到要去往的地方,然后插入命名锚记,取好名称。

          代码如下:

5家族成员编辑

          2. 选择要点击的对象,在链接里面输入:    #+锚记名称  就可以了。

      不同页面 的锚点链接

        第一步 一样

        第二步 几乎一样  不同的地方在于: 

        选择要点击的对象,在链接里面输入: 文件名称+#+锚记名称  就可以了

    4.空链接#

    5.JavaScript 链接

   js 空链接

  

  关于链接的2个小地方:

  1. 链接目标 

    target  链接目标

    _blank  新窗口中打开链接 

    _self   当前窗口中打开  (默认的)

    _parent  在父窗口中打开 

    _top   在顶窗口中打开       

    例如: 在新窗口中打开页面的方法是:

  2. nofollow   seo 优化常用

    rel=”nofollow”  就是让搜索引擎 不去爬这个链接

    百度蜘蛛

    作用: 就是一些不重要的链接 ,不让搜索引擎去爬链接。

    网站后台   用户信息  

2.列表 

  在合适的地方用合适的标签

  css+div      div越少越好  span  权重很低  

  span  div  ul   dl   table

  列表分三类:

  1.无序列表  (ul

  type  类型  

  disc  实心圆  circle  空心圆  square  方块

  • 苹果
  • 橘子
  • 香蕉

  2.有序列表  (ol

  3.自定义列表  (dl

定义标题
定义内容(主要对标题进行描述)

3.表格  table 

标签

作用

<table>    </table> 

表格

<tr>   </tr>

<td>  </td>

单元格

<th>   </th>

表头(行标题)

 

 

  th  会让里面的文字 加粗  并且居中

  bordercolor   边框颜色  

  cellspacing   间距 : 单元格和单元格之间的距离

  cellpadding   边距: 单元格内部内容和单元格边的距离

  一般下:三参为0

  border  cellspacing   cellpadding  都是0

  我们已知  :  align  水平居中

  垂直居中  : valign :  top()   bottom(下)   middle(居中)

  1.细线表格  

    1. css  来做

    2.巧妙运用 间距来做。

      1. 先给大表格指定背景色 (红色)

      2. 然后给行指定背景色(白色)

      3. 最后给表格指定间距就ok了。

  dw快捷键:

快键键

作用

ctrl+alt+i   

插入图片

ctrl+alt+t

插入表格

ctrl+alt+f

插入flash

 

 

4.表单 form  

  表单 : 收集用户信息 , 表单 和用户进行交互 

  1.文本框 表单

  input  输入的  必须写的 是 type   text  文本的意思  所以是文本框

用户名:

  2.密码框

密 码:

  3.单选按钮

  注意: 此时,name必须写  而且不管几个单选按钮,name必须一样(一组内)

  4.复选框按钮

  跟radio一样  还有就是 checked=“checked”

   默认选中

  5.下拉列表

  默认选中某一个 : selected=“selected”  注意和单选复选不一样

  案例如下:  

  6.提交按钮

  value 控制按钮 上的文字

  7.重置按钮

  value 控制按钮 上的文字

  8.文本域

  rows  行数

  cols   列数

  9.普通按钮

  10.图片按钮

转载请注明出处

 

 

转载于:https://www.cnblogs.com/brittany/p/4784189.html

你可能感兴趣的文章
一个前端所需具备的PS能力
查看>>
Mac下Jenkins+SVN+Xcode构建持续
查看>>
matplotlib中的颜色及线条控制
查看>>
Linux--逻辑卷管理器
查看>>
SQLServer 在Visual Studio的连接方法
查看>>
CentOS获取公网IP
查看>>
删除文件夹下所有文件
查看>>
巨坑:jqgrid竟然取不到编辑模式下input的值
查看>>
我的Python之路
查看>>
outlook检查姓名快捷键
查看>>
nodejs 教程
查看>>
poj2299 Ultra-QuickSort(线段树求逆序对)
查看>>
归并排序法
查看>>
计算机的核心 --CPU
查看>>
linux下安装tomcat8
查看>>
JZOJ5906【NOIP2018模拟10.15】传送门
查看>>
字符串和十六进制数的相互转换
查看>>
闭包函数与装饰器
查看>>
UIImage图片处理
查看>>
Android触控屏幕Gesture(GestureDetector和SimpleOnGestureListener的使用教程)
查看>>